<%layout("/common/layout.html"){%>

<div class="container">
    <div class="row cg-dir">
        <div class="col-md-3 dir-column dir-main">
            <span>最热素材</span>
        </div>
    </div>
    <div class="row">
        <div class="cg-shirts">
            <%var i=1;%>
            <%for(li in list){%>
            <%if(i>4){i=i-4;}%>

            <div class="cg-shirt col_0${i} co-theme" data-themeId="201505020111">
                <a href="#">
                    <img src="${li.img}" alt="" class="img-thumbnail cg-shirt-img">
                </a>

                <p class="co-themeName">${li.title}</p>

                <p class="co-themeDesc">
                    ${li.title}
                </p>
            </div>

            <%i++;%>
            <%}%>
        </div>
    </div>
    <div class="loading"></div>
    <div class="cg-error">
        <p>啊欧，网络错误，请点击重试</p>
    </div>
    <div class="cg-more">
        <button class="btn btn-info">点击加载更多</button>
    </div>
</div>

<script src="${ctxPath}/js/jquery-2.1.1.min.js"></script>
<script src="${ctxPath}/js/nav.js"></script>
<script src="${ctxPath}/js/flow.js"></script>

<%}%>